<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊二店铺-正品保障</title>
    <meta name="description" content="熊二店铺，绿色食品，正版商品，质量保障，放心食用">
    <meta name="keywords" content="蔬菜，水果，电脑，数码，图书">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 顶部内容 -->
    <div class="shortcup">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>熊二店铺，欢迎您！ </li>
                    <li>
                        <a href="#">请登录  </a>
                        <a href="#"> 注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>
                        <a href="#">我的订单</a>
                        <i class="icomoon"></i>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">熊二会员</a>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">企业采购</a>
                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">关注熊二</a>
                        <i class="icomoon"></i>

                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">客户服务</a>
                        <i class="icomoon"></i>

                    </li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">网站导航</a>
                        <i class="icomoon"></i>

                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- header内容 -->
    <div class="header w">
        <div class="logo">
            <h1>
                <a href="index.html">熊二店铺</a>
            </h1>
        </div>
        <div class="search">
            <input type="text" placeholder="请输入……" class="fl">
            <button class="btn fl">搜索</button>
        </div>
        <div class="hotword">
            <a href="#">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">美满99减10</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>
        <div class="shopcar">
            <i class="car"></i>购物车<i class="arrow"></i>
            <div class="count">8</div>
        </div>
    </div>
    <!-- nav -->
    <div class="nav">
        <div class="w">
            <div class="navdrop fl">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <li>
                            <a href="">家用电器</a>
                            <i class="fr"></i>
                        </li>
                        <li>
                            <a href="">手机、数码、通信</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">电脑、办公</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">家具、家居、家装、厨具</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">男装、女装、童装、内衣</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">个护用装、保洁用品、宠物</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">鞋靴、箱包、珠宝、奢侈品</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">运动户外、钟表</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">汽车、汽车用品</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">母婴、玩具乐器</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">食品、酒精、生鲜、特产</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">医药保健</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">图书、音像、电子书</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">彩票、旅行、充值、票务</a>
                            <i class="fr"></i>

                        </li>
                        <li>
                            <a href="">理财、众筹、白条、保险</a>
                            <i class="fr"></i>

                        </li>
                    </ul>
                </div>
            </div>
            <div class="navlist">
                <ul>
                    <li>
                        <a href="">服装城</a>
                    </li>
                    <li>
                        <a href="">美妆馆</a>
                    </li>
                    <li>
                        <a href="">熊二超市</a>
                    </li>
                    <li>
                        <a href="">全球购</a>
                    </li>
                    <li>
                        <a href="">闪购</a>
                    </li>
                    <li>
                        <a href="">团购</a>
                    </li>
                    <li>
                        <a href="">拍卖</a>
                    </li>
                    <li>
                        <a href="">有趣</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- main -->
    <div class="w">
        <div class="main">
            <div class="focus fl">
                <a href="" class="arrow-l">&lt;</a>
                <a href="" class="arrow-r">></a>
                <ul>
                    <li>
                        <a href="">
                            <img src="./upload/focus1.png" alt="">
                        </a>
                    </li>
                </ul>
                <ol class="circle">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ol>
            </div>
            <div class="newflash fr">
                <div class="news">
                    <div class="hd">
                        <span>品优购快报</span>
                        <a href="" class="hd_more">更多</a>
                    </div>
                    <div class="bd">
                        <ul>
                            <li>【特惠】备战开学季 全民半价购数码</li>
                            <li>【特惠】备战开学季 全民半价购数码</li>
                            <li>【特惠】备战开学季 全民半价购数码</li>
                            <li>【特惠】备战开学季 全民半价购数码</li>
                            <li>【特惠】备战开学季 全民半价购数码</li>
                        </ul>
                    </div>
                </div>
                <div class="lifeServer">
                    <ul class="ls_box">
                        <li>
                            <i class="icon1"></i>
                            <p>话费</p>
                        </li>
                        <li>
                            <i class="icon2"></i>
                            <p>机票</p>
                        </li>
                        <li>
                            <i class="icon3"></i>
                            <p>电影票</p>
                        </li>
                        <li>
                            <i class="icon4"></i>
                            <p>游戏</p>
                        </li>
                        <li>
                            <i class="icon5"></i>
                            <p>彩票</p>
                        </li>
                        <li>
                            <i class="icon6"></i>
                            <p>加油卡</p>
                        </li>
                        <li>
                            <i class="icon7"></i>
                            <p>火车票</p>
                        </li>
                        <li>
                            <i class="icon8"></i>
                            <p>众筹</p>
                        </li>
                        <li>
                            <i class="icon9"></i>
                            <p>理财</p>
                        </li>
                        <li>
                            <i class="icon10"></i>
                            <p>飞机</p>
                        </li>
                        <li>
                            <i class="icon11"></i>
                            <p>礼品卡</p>
                        </li>
                        <li>
                            <i class="icon12"></i>
                            <p>白条</p>
                        </li>
                    </ul>
                </div>
                <div class="sale">
                    <img src="./upload/focus2_03.png" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- recommend -->
    <div class="recommend w">
        <div class="recom_hd">
            <i class="recom_hd_icon"></i>
            <h3>今日推荐</h3>
        </div>
        <div class="recom_bd">
            <ul class="recom_bd_box">
                <li>
                    <a href="">
                        <img src="./upload/today01.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/today02.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/today03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/today04.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- floor -->

    <div class="floor w">
        <div class="box">
            <div class="box_hd">
                <span>家用电器</span>
                <ul class="items">
                    <li>
                        <a href="">热门</a>|
                    </li>
                    <li>
                        <a href="">大家电</a>|
                    </li>
                    <li>
                        <a href="">生活电器</a>|
                    </li>
                    <li>
                        <a href="">厨房电器</a>|
                    </li>
                    <li>
                        <a href="">个护健康</a>|
                    </li>
                    <li>
                        <a href="">应季电器</a>|
                    </li>
                    <li>
                        <a href="">空气/净水</a>|
                    </li>
                    <li>
                        <a href="">新奇特</a>|
                    </li>
                    <li>
                        <a href="">高端电器</a>
                    </li>
                </ul>
            </div>
            <div class="box_bd">
                <ul>
                    <li class="w209">
                        <div class="li_1_items">
                            <span>节能补贴</span>
                            <span>4k电视</span>
                            <span>空气净化剂</span>
                            <span>IH电饭煲</span>
                            <span>滚筒洗衣机</span>
                            <span>电热水器</span>
                        </div>
                        <div class="li_1_bd">
                            <img src="./upload/floor-1-1.png" alt="">
                        </div>
                    </li>
                    <li class="w330">
                        <div class="li_2_items">
                            <img src="./upload/floor-1-b01.png" alt="">
                        </div>

                    </li>
                    <li class="w220">
                        <div class="li_3_items">
                            <img src="./upload/floor-1-2.png" alt="">
                        </div>
                        <div class="li_3_items">
                            <img src="./upload/floor-1-3.png" alt="">
                        </div>
                    </li>
                    <li class="w220">
                        <div class="li_4_items">
                            <img src="./upload/floor-1-4.png" alt="">
                        </div>
                    </li>
                    <li class="w220">
                        <div class="li_3_items">
                            <img src="./upload/floor-1-5.png" alt="">
                        </div>
                        <div class="li_3_items">
                            <img src="./upload/floor-1-6.png" alt="">
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="brand_list">
                <li>
                    <a href="">
                        <img src="./upload/brand01.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand02.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand04.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand05.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand06.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand07.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand08.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand09.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand10.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
        <div class="box">
            <div class="box_hd">
                <span>电脑办公</span>
                <ul class="items">
                    <li>
                        <a href="">热门</a>|
                    </li>
                    <li>
                        <a href="">电脑/平板</a>|
                    </li>
                    <li>
                        <a href="">潮流影音</a>|
                    </li>
                    <li>
                        <a href="">智能/外设</a>|
                    </li>
                    <li>
                        <a href="">DIY硬件</a>|
                    </li>
                    <li>
                        <a href="">电竞游戏</a>|
                    </li>
                    <li>
                        <a href="">办公/网络</a>|
                    </li>
                    <li>
                        <a href="">文具/电教</a>|
                    </li>
                    <li>
                        <a href="">精选配件</a>
                    </li>
                </ul>
            </div>
            <div class="box_bd">
                <ul>
                    <li class="w209">
                        <div class="li_1_items">
                            <span>SSD硬盘</span>
                            <span>显示器</span>
                            <span>机械键盘</span>
                            <span>台式机</span>
                            <span>组装电脑</span>
                            <span>配件专区</span>
                        </div>
                        <div class="li_1_bd">
                            <img src="./upload/floor-1-1.png" alt="">
                        </div>
                    </li>
                    <li class="w330">
                        <div class="li_2_items">
                            <img src="./upload/floor-1-b01.png" alt="">
                        </div>

                    </li>
                    <li class="w220">
                        <div class="li_3_items">
                            <img src="./upload/floor-1-2.png" alt="">
                        </div>
                        <div class="li_3_items">
                            <img src="./upload/floor-1-3.png" alt="">
                        </div>
                    </li>
                    <li class="w220">
                        <div class="li_4_items">
                            <img src="./upload/floor-1-4.png" alt="">
                        </div>
                    </li>
                    <li class="w220">
                        <div class="li_3_items">
                            <img src="./upload/floor-1-5.png" alt="">
                        </div>
                        <div class="li_3_items">
                            <img src="./upload/floor-1-6.png" alt="">
                        </div>
                    </li>
                </ul>
            </div>
            <ul class="brand_list">
                <li>
                    <a href="">
                        <img src="./upload/brand11.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand12.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand13.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand_03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand_05.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand_07.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand_09.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand08.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand09.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./upload/brand10.png" alt="">
                    </a>
                </li>
            </ul>
        </div>

    </div>
    <div class="fixedtool">
        <ul>
            <li>家用电器</li>
            <li>收集通讯</li>
            <li>电脑办公</li>
            <li>家居家具</li>
            <li>生活用品</li>
            <li>户外运动</li>
            <li>汽车用品</li>
            <li>食品酒类</li>
            <li>图书影像</li>
            <li>金融彩票</li>
        </ul>
    </div>
    <!-- footer部分 -->
    <div class="footer">
        <div class="w">
            <div class="server">
                <ul>
                    <li>
                        <i class="icon_zheng"></i>
                        <div class="server_title">
                            <h5>正品保障</h5>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <i class="icon_wu"></i>
                        <div class="server_title">
                            <h5>急速物流</h5>
                            <p>急速物流，急速送达</p>
                        </div>
                    </li>
                    <li>
                        <i class="icon_bao"></i>
                        <div class="server_title">
                            <h5>无忧售货</h5>
                            <p>7天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <i class="icon_te"></i>
                        <div class="server_title">
                            <h5>特色服务</h5>
                            <p>私人定制套餐</p>
                        </div>
                    </li>
                    <li>
                        <i class="icon_bang"></i>
                        <div class="server_title">
                            <h5>帮助中心</h5>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="help">
                <div class="help_nav">
                    <h5>购物指南</h5>
                    <ul>
                        <li><a>购物流程</a></li>
                        <li><a>会员介绍</a></li>
                        <li><a>生活旅行/团购</a></li>
                        <li><a>常见问题</a></li>
                        <li><a>大家购</a></li>
                        <li><a>联系客服</a></li>
                    </ul>
                </div>
                <div class="help_nav">
                    <h5>配送方式</h5>
                    <ul>
                        <li><a>上门自提</a></li>
                        <li><a>211限时达</a></li>
                        <li><a>配送服务查询</a></li>
                        <li><a>配送费收取标准</a></li>
                        <li><a>海外配送</a></li>
                    </ul>
                </div>
                <div class="help_nav">
                    <h5>支付方式</h5>
                    <ul>
                        <li><a>货到付款</a></li>
                        <li><a>在线支付</a></li>
                        <li><a>分期付款</a></li>
                        <li><a>邮局汇款</a></li>
                        <li><a>公司转账</a></li>
                    </ul>
                </div>
                <div class="help_nav">
                    <h5>售后服务</h5>
                    <ul>
                        <li><a>售后政策</a></li>
                        <li><a>价格保护</a></li>
                        <li><a>退款说明</a></li>
                        <li><a>返修/退换款</a></li>
                        <li><a>取消订单</a></li>
                    </ul>
                </div>
                <div class="help_nav">
                    <h5>售后服务</h5>
                    <ul>
                        <li><a>售后政策</a></li>
                        <li><a>价格保护</a></li>
                        <li><a>退款说明</a></li>
                        <li><a>返修/退换款</a></li>
                        <li><a>取消订单</a></li>
                    </ul>
                </div>
                <div class="help_nav help_code">
                    <h5>帮助中心</h5>
                    <ul>
                        <li>
                            <img src="./img/erweima.png" alt="">
                        </li>
                        <li>熊二客户端</li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p class="copyright_link">
                    关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 销售联盟 | 友情链接 | EnglisgSet | contact U
                </p>
                <p>地址：福建省洛杉矶市负一层楼 邮编：111111 电话：400-111-8888 传真： 010-00000000 邮箱：12344566<br>京IC备：23423543534公网</p>
            </div>
        </div>
    </div>
</body>

</html>